<template>
  <div class="bf-promise">
    <h1>{{ $t('page.index.promise.title') }}</h1>
    <h3>{{ $t('page.index.promise.desc') }}</h3>
    <div class="bf-swcon">
      <el-row>
        <el-col :span="6" v-for="item,index in $t('page.index.promise.pList')" :key="index">
            <img :src="item.imgUrl" alt="">
        </el-col>
    </el-row>
    </div>
  </div>
</template> 

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style>
.bf-promise {
  width: 100%;
  height: 479px;
  margin-top: 153px;
  background: url(../../../static/images/prBg.png);
}
.bf-promise h1 {
  color: #fff;
  padding-top: 44px;
}
.bf-promise h3 {
  color: rgba(255, 255, 255, 0.7);
}
.bf-promise .bf-swcon {
  width: 1200px;
  margin: 83px auto 0;
}
</style>